
.voice-animated {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;


    .wave-bar {
        width: 2px;
        height: 22px;
        margin: 0 2px;
        background: #FFFFFF;
        border-radius: 2px;
        animation: wave 1s infinite;
    }

    .wave-bar:nth-child(1) {
        animation-delay: 0s;
    }

    .wave-bar:nth-child(2) {
        animation-delay: -0.2s;
    }

    .wave-bar:nth-child(3) {
        animation-delay: -0.4s;
    }

    .wave-bar:nth-child(4) {
        animation-delay: -0.6s;
    }

    .wave-bar:nth-child(5) {
        animation-delay: -0.8s;
    }

    @keyframes wave {

        0%,
        100% {
            height: 5px;
        }

        50% {
            height: 22px;
        }
    }
}